// @import 导入外部sass文件，会把外部sass文件的代码复制一份到当前文件中
// @import "./7_imported.scss"; 
// 可以不带后缀
@import "./7_imported";
// 引入外部的css 文件的时候 是编译成原生的css的@import 引入
// 引入外部css文件时，不要省略css后缀
@import "./7_css文件.css";
// 引入分音sass文件
// @import "./_7分音文件.scss"; // 可以如下写
@import "./7分音文件"; //放的是工具类的代码，不会再独立编译

.box1{
    width: pxToRem(12, 20) * 10rem;
}
.box2{
    @include border(red, 1px);
    background: $global-bg-color;
}